<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/register.css">
    <script src="../js/common/jquery-3.5.1.js"></script>
    <script src="../js/register.js"></script>
</head>
<body>
<div class="register">
    <form>
        <div>
            <div>
                <div>用户名：</div>
                <div><input type="text" id="userName" name="userName" onkeyup="userNameRule()"></div>
            </div>
            <div id="userTips"></div>
        </div>
        <div>
            <div>
                <div>手&nbsp;&nbsp;&nbsp;机：</div>
                <div><input type="tel" id="phone" name="phone" onkeyup="phoneRule()" maxlength="11"></div>
            </div>
            <div id="phoneTips"></div>
        </div>
        <div>
            <div>
                <div>邮&nbsp;&nbsp;&nbsp;箱：</div>
                <div><input type="email" id="email" name="email" onkeyup="emailRule()"></div>
            </div>
            <div id="emailTips"></div>
        </div>
        <div>
            <div>
                <div>性&nbsp;&nbsp;&nbsp;别：</div>
                <div><lable><input type="radio" value="男" name="sex" id="nan" >男</lable></div>
                <div><lable><input type="radio" value="女" name="sex" id="nv">女</lable></div>
            </div>
            <div id="sexTips"></div>
        </div>
        <div>
            <div>
                <div>年&nbsp;&nbsp;&nbsp;龄：</div>
                <div><input type="number" id="age"  name="age"></div>
            </div>
            <div id="ageTips"></div>
        </div>
        <div>
            <div>
                <div>爱&nbsp;&nbsp;&nbsp;好：</div>
                <div><lable><input type="checkbox" name="hobby" value="篮球">篮球</lable></div>
                <div><lable><input type="checkbox" name="hobby" value="羽毛球">羽毛球</lable></div>
                <div><lable><input type="checkbox" name="hobby" value="乒乓球">乒乓球</lable></div>
                <div><lable><input type="checkbox" name="hobby" value="足球">足球</lable></div>
            </div>
            <div id="hobbyTips"></div>
        </div>
        <div>
            <div>
                <div>生&nbsp;&nbsp;&nbsp;日：</div>
                <div><input type="date" id="birthday" name="birthday" ></div>
            </div>
            <div id="birthdayTips"></div>
        </div>
        <div>
            <div>
                <div>密&nbsp;&nbsp;&nbsp;码：</div>
                <div><input type="password" name="password" id="password" onkeyup="passwordRule()" maxlength="20" minlength="6"></div>
            </div>
            <div id="passwordTips"></div>
        </div>
        <div>
            <div><input type="button" value="点击注册" onclick="save()"></div>
            <div><input type="button" value="点击登录" onclick="window.location.href='../login.html'"></div>
        </div>

    </form>
</div>
</body>
</html>